<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Controle de Ferramentas</title>
<link href="css/geral.css" rel="stylesheet" type="text/css" />
<script>
function sf(){document.f.firstname.focus();}
</script>
</head>

<body>

<!-- Inicio da pagina -->
<div id="tudo">

<!-- Cabecalho -->
<div id="header">
  <div class="logotipo"></div>
    <div class="menu">
    	<p> Logado: Coordenador <br /> <a href="#">Sair</a></p></div>
</div>

<div id="mapaDeNavegacao">

	
</div>

<!-- Inicio da centro -->

<div id="centro">

<div class="mapa"><a href="#">Login</a> > <a href="#">Você esta aqui.</a></div>


<div id="blocos">
	<div class="centroEsquerdo">
    
    	<div class="centroEsquerdoTitulo">
            <a href="#"><img src="imagens/disponibilidade.png" alt="Disponibilidade" /></a>
            <h1>Disponibilidade</h1>
        </div>
  		<hr style="width=90% noshade" />
        <ul>
       <li> <a href="#">Reservar Ambiente</a></li>
        <li><a href="#">Visualizar Calendário</a></li>
        <li><a href="#">Confirmar Reserva</a></li>
        <li><a href="#">Reservar para o Semestre</a></li>
        </ul>
    </div>
    <div class="centroMeio">
    	<div class="centroMeioTitulo">
            <a href="#"><img src="imagens/emprestimo.png" alt="Disponibilidade" /></a>
            <h1>Empréstimo</h1>
        </div>
        
  		<hr style="width=90% noshade" />
        <ul>
        <li><a href="#">Equipamento</a></li>
        <li><a href="#">Ferramenta</a></li>
        <li><a href="#">Registrar Devolução</a></li>
        </ul>
    </div>
    	<div class="centroDireito">
            <div class="centroDireitoTitulo">
            <a href="#"><img src="imagens/relatorios.png" alt="Disponibilidade" /></a>
            <h1>Relatórios</h1>
        </div>
        
  		<hr style="width=90% noshade" />
        <ul>
        <li><a href="#">Estado do equipamento</a></li>
        <li><a href="#">Uso de ambiente</a></li>
        </ul>
    </div>
</div>    
    
    
    
</div>

<!-- Rodapé -->
<div id="rodape">
	<div class="rodapeEsquerdo"></div>
    <div class="rodapeDireito">PDSC</div>
</div>

<!-- Fechando a primeira div -->
</div>
</body>
</html>
